<template>
	<view class="box">
		<scroll-view scroll-y="true" class="scroll-view-wrap"
			:style="'height: calc(100vh - '+curTop+'px );padding-bottom:120rpx;'">
			<view class="content">
				<image src="../static/bg.jpg" mode="widthFix" style="width: 100%;margin-bottom: 30rpx;"></image>
				<view class="" style="
					font-size: 36rpx;
					font-weight: 400;
					color: #64B6A8;
					line-height: 36rpx;
					margin-bottom: 20rpx;">
					小风扇
				</view>
				<view class="" style="
					font-size: 24rpx;
					font-weight: 400;
					color: #7C7C7C;
					line-height: 24rpx;
					margin-bottom: 18rpx;
				">
					规格参数：550ml
				</view>
				<view class="detail">车会员商家是与帮帮同城平台合作的会员商家加入我们，成为平台商家有以下几个好处:</view>
				<view class="detail">
					巨大的潜在客户群体
				</view>
				<view class="detail">

					平台拥有庞大的用户基础和访问流量，成为平台商家可以直接接触到这一庞大的潜在客户群体。商家可以通过平台的曝光度和用户流量，扩大品牌知名度，吸引更多的潜在客户
				</view>
				<view class="detail">

					扩大市场和客户群
				</view>
				<view class="detail">

					入驻商家可以获得更广阔的市场和客户群。通过入驻特定平台或市场，商家可以将自己的产品或服务推广给平台上已有的用户群体，从而增加曝光度和潜在客户数量。
				</view>
				<view class="detail">

					增加销售机会
				</view>
				<view class="detail">

					入驻商家可以利用平台的流量和用户基础，增加销售机会。帮助商家更好地吸引用户并促成交易。
				</view>
				<view class="detail">

					降低营销成本
				</view>
				<view class="detail">

					入驻商家可以共享平台的品牌知名度和市场推厂资源，从而降低自身的营销成本。平台通常会进行广告宣传、推广活动等，吸引用户流量和关注度，商家可以借助这些资源来提升自己的曝光度和销售额。
				</view>
				<view class="detail">

					提供技术支持和服务

				</view>
				<view class="detail">
					入驻商家可以获得平台提供的技术支持和服务。
				</view>
				<view class="detail">

					合作机会和联盟效应
				</view>
				<view class="detail">

					平台通常会组织各种合作活动和推广活动，商家成为平台商家后，可以参与这些活动并与其他商家建立合作关系。这种合作机会和联盟效应可以带来更多的曝光和互补优势，推动业务的发展
				</view>
				<view class="detail">

					获得平台信誉和口碑
				</view>
				<view class="detail">

					入驻商家可以借助平台的信誉和口碑，提升自身的品牌形象和信任度。平台通常会有一定的审核机制和评价系统，商家通过提供优质的产品和服务，可以获得用户的好评和信赖，进而增加用户的忠诚度和复购率。

				</view>
				<view class="detail">
					通过成为平台商家，商家可以获得平台的市场客户群和服务，增加销售机会、降低成本、提升品牌曝光和信誉度，并享受平台提供的技术支持和数据分析等服务，从而实现业务的增长和发展。
				</view>
				<view class="detail">

					帮帮同城期待您的加入
				</view>

			</view>
		</scroll-view>
		<view class="bottom-btn" v-if="auditStatus">

			<button class="cu-btn audit-btn1">已提交申请，请耐心等待</button>

		</view>
		<view class="bottom-btn" v-if="!auditStatus" style="justify-content: space-between;padding: 0 40rpx;">
			<button class="cu-btn audit-btn2" @click="back">我在想想</button>
			<button class="cu-btn audit-btn2" style="background-color: #64B6A8;color: #ffffff;">我要加入</button>
		</view>
		<uniBall></uniBall>
	</view>
</template>

<script>
	/* <view class="inputBox"><view class="clause">
						<!-- #ifdef MP-WEIXIN -->
						<rich-text :nodes="giftData.giftDetails"></rich-text>
						<!-- #endif -->
						<!-- #ifndef MP-WEIXIN -->
						<p v-html="giftData.giftDetails"></p>
						<!-- #endif -->
					</view>
					<view class="clause">
						<!-- #ifdef MP-WEIXIN -->
						<rich-text :nodes="giftData.exchangeRules"></rich-text>
						<!-- #endif -->
						<!-- #ifndef MP-WEIXIN -->
						<p v-html="giftData.exchangeRules"></p>
						<!-- #endif -->
					</view></view> */
	import {
		mapGetters
	} from "vuex";

	export default {
		data() {
			return {
				curTop: 60,
				giftData: {},
				auditStatus: false,
			};
		},
		computed: {
			...mapGetters(["statusBarHeight1", "userinfo"])
		},

		methods: {
			back() {
				uni.navigateBack({ //返回上一个页面
					delta: 1
				});
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #fff;

	}

	.box {
		width: 100%;
		background-color: #fff;
		min-height: 100%;
		position: relative;

	}

	.bottom-btn {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		width: 100%;
		left: 0;

		bottom: constant(safe-area-inset-bottom);
		bottom: env(safe-area-inset-bottom);
	}

	.content {
		padding: 24rpx 30rpx;
	}

	.detail {
		width: 100%;
		line-height: 36rpx;
		font-size: 26rpx;
		font-weight: 400;
		color: #333333;
		margin-bottom: 20rpx;
	}

	.audit-btn1 {
		width: 534rpx;
		height: 80rpx;
		line-height: 80rpx;
		border-radius: 10rpx;
		opacity: 1;
		border: 2rpx solid #64B6A8;

		font-size: 34rpx;
		font-weight: 400;
		color: #64B6A8;

	}

	.audit-btn2 {
		width: 296rpx;
		height: 80rpx;
		line-height: 80rpx;
		background: #FFFFFF;
		border-radius: 49rpx;
		opacity: 1;
		border: 2rpx solid #64B6A8;

		font-size: 34rpx;
		font-weight: 400;

	}
</style>